怎样让<div>浮动在单元格右上角,鼠标经过单元格时显示,移开时隐藏?

来源:百度知道 编辑:UC知道 时间:2024/05/30 00:48:11
怎样让<div>浮动在单元格右上角,鼠标经过单元格时显示,移开时隐藏?

想做一个按钮的效果,<td></td>里面是图片,我想让用户鼠标经过这个图片的时候显示一些按钮,这些按钮浮动在这个td的右上角。鼠标经过单元格时显示,移开时隐藏。

非常感谢

可以用到:hover伪类。
.img{ display:none;}
.img:hover{ display:block;}

也可以用JS,这个浏览器支持的范围要多些。
onMouseOver
onMouseOut
不细细阐述了,希望LZ心有灵犀。

1.在td里写一个div,这个div放置你的图片,css的position设置为相对定位。
2.在这个div中绝对定位你鼠标经过希望显示的div的位置,zindex设置高点,暂时display:none;
3.可以在你的图片a链接中添加onmouseover动作,把刚才隐藏的div再style.display="block"
希望你看得明白

第一个说的对

http://www.koophp.com/index.php?action-viewnews-itemid-369-php-1